
[#include "single/layout/layout02/layout.ftl"/]
[@htmlHead]
<link href="${jpath}/assets/public/plugins/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet"
type="text/css"/>
<link href="${jpath}/assets/public/plugins/jqGrid/css/ui.jqgrid-bootstrap.css" rel="stylesheet" type="text/css"/>

[/@htmlHead]
[@htmlBody]

<div class="row">
    <div class="col-xs-12">
        <ul class="nav nav-tabs">
            <li class="active">
                <a> 员工列表</a>
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="col-xs-2">
        <div>
            <a onclick="refreshTable()">组织机构</a><a ><i class="fa fa-refresh pull-right" onclick="refreshTree();" ></i></a>
        </div>
        <div id="ztree" class="ztree"></div>
    </div>
    <div class="col-xs-10 employee">
        <div class="row">
            <div class="col-xs-12 mrg-b-md" style="padding-left: 0px;">
                <div id="indexAlert" class="hide" style="min-width:400px"></div>
                <button class="btn btn-primary  btn-sm" onclick="doAdd()">
                    <i class="ice-icon fa fa-plus  white"></i>增加
                </button>
                <button class="btn btn-danger btn-sm" onclick="doDelete()">
                    <i class="ice-icon fa fa-trash-o  white"></i>删除
                </button>
            </div>
        </div>
        <div class="row">
            <table id="jqGrid" class="grid_auto" grid_ref=".employee"></table>
            <div id="jqGridPager"></div>
        </div>
    </div>
</div>


[/@htmlBody]
[@htmlFoot]
<!-- ztree-->
<script type="text/javascript" src="${jpath}/assets/public/plugins/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/jqGrid-extends.js"></script>
<!--bootbox-->
<script src="${jpath}/assets/public/plugins/dialog/bootbox.js" type="text/javascript"></script>
<!--resource-->
<script src="${base}/plugins/single/js/module/employee/employee.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        refreshTree();
        loadTreeTable();
    });

    page_handlers.resize_handler=function(){
        jqGrids.auto_size();
    };
</script>
[/@htmlFoot]